<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>用户中心</title>
		<%@include file="/WEB-INF/base.jspf"%>
		<style>
			#body{padding:0px 20px 20px 20px;}
			#body .list img{height: 30px;width: 30px;}
			#body .list{width: 100%;height: 60px;line-height: 60px;display: block;}
			#body li{border-bottom: 1px solid #e0e0e0;}
			.qian div{color: #EC343F;}
		</style>
	</head>
	<body>
		<div style="background-image: url(img/wode/555.png);height: 130px;padding-top: 20px;background-size: 100% 100%" class="text-left　bg-primary col-xs-12 col-sm-4 col-sm-offset-4">
			<img src="${user.avatar }" style="border: 2px solid white; border-radius: 50px; width: 70px;height: 70px; margin: 10px 10px 10px 0;" />
			<span style="color: white; font-size: 23px;">${user.name }</span>
			<span style="color: white;font-size: 23px;">　￥：${user.balance }</span>
		</div>
		<div id="body" class="col-xs-12 col-sm-4 col-sm-offset-4 text-center">
			<ul>
				<li class="qian" style="height: 50px;line-height: 50px;padding: 0 20px">
					<a href="" class="fl font20"><div class="glyphicon glyphicon-credit-card font24 fl" style="line-height: 48px;"></div>　充值</a>
					<a href="" class="fr font20"><div class="glyphicon glyphicon-piggy-bank font24 fl" style="line-height: 48px;"></div>　提款</a>
				</li>
				<li style="height: 50px;line-height: 50px;">
					<span style="float: left;">我的彩票</span>
					<a href="/order/myOrders.do?key=all" style="float: right;">查看全部订单 ></a>
				</li>
				<li style="width: 100%; height: 100px">
					<a class="col-xs-4" href="/order/myOrders.do?key=dkj">
						<img src="/img/wode/dkj.png" height="70px" /><br>
						<span>待开奖</span>
					</a>
					<a class="col-xs-4" href="/order/myOrders.do?key=yzj">
						<img src="/img/wode/zhingjiang.png" height="70px" /><br>
						<span>已中奖</span>
					</a>
					<a class="col-xs-4" href="/order/myOrders.do?key=ykj">
						<img src="/img/wode/ykj.png" height="70px" /><br>
						<span>已开奖</span>
					</a>
				</li>
				<li class="list">
					<a href="/u/userInfo.do">
						<span style="float: left;"><img src="/img/wode/gerenxinxi.png" style="margin-top: -6px;" />　个人信息</span>
					</a>
				</li>
				<li class="list">
					<a href="/u/safe.do">
						<span style="float: left;"><img src="/img/wode/aqzx.png" style="margin-top: -6px;" />　安全中心</span>
					</a>
				</li>
				<li class="list">
					<a href="u/daili.do">
						<span style="float: left;"><img src="/img/wode/dailizhongxi.png" style="margin-top: -6px;" />　代理中心</span>
					</a>
				</li>
				<li class="list">
					<a href="/u/details.do">
						<span style="float: left;"><img src="/img/wode/jiaoyimingxi.png" style="margin-top: -6px;" />　交易明细</span>
					</a>
				</li>
				<!-- <li class="list">
					<a href="login.html">
						<span style="float: left;"><img src="/img/wode/wdsc.png" style="margin-top: -6px;" />　我的收藏</span>
					</a>
				</li> -->
				<li class="list">
					<a href="/u/set.do">
						<span style="float: left;"><img src="/img/wode/shezhi.png" style="margin-top: -6px;" />　设置</span>
					</a>
				</li>
				<li class="list">
					<a href="/exit.do" style="width: 50%;" class="btn btn-danger">退出登录</a>
				</li>
			</ul>
		</div>
		<div><br>&nbsp;<br>&nbsp;<br>&nbsp;</div>
		<div class="col-xs-12 col-sm-4 col-sm-offset-4 text-center foot">
			<iframe src="f.jsp"></iframe>
		</div>
		<script type="text/javascript">
		window.onload=function () {
			
		    document.addEventListener('touchstart',function (event) {
		        if(event.touches.length>1){
		            event.preventDefault();
		        }
		    })
		    var lastTouchEnd=0;
		    document.addEventListener('touchend',function (event) {
		        var now=(new Date()).getTime();
		        if(now-lastTouchEnd<=300){
		            event.preventDefault();
		        }
		        lastTouchEnd=now;
		    },false)
		}	
		</script>
	</body>
</html>
